<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="en">
<!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
    <meta charset="utf-8" />
    <title></title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta content="width=device-width, initial-scale=1" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />
    <link rel="stylesheet" th:href="@{/afterResource/common/ui/global/bootstrap/css/bootstrap.min.css}">
    <!-- Font Awesome -->
    <link th:href="@{/afterResource/common/ui/global/font-awesome/css/font-awesome.css}" rel="stylesheet" />
    <!-- Theme style -->
    <link rel="stylesheet" th:href="@{/afterResource/common/adminlte/dist/css/AdminLTE.css}">
    <link rel="stylesheet" th:href="@{/afterResource/common/adminlte/dist/css/skins/_all-skins.min.css}">
    <link th:href="@{/afterResource/common/plugins/bootstrap-table/bootstrap-table.css}" rel="stylesheet" />
    <link rel="stylesheet" th:href="@{/afterResource/common/plugins/jquery-treegrid/css/jquery.treegrid.css}"/>
    <link rel="stylesheet" th:href="@{/afterResource/common/ui/global/bootstrap-switch/css/bootstrap-switch.css}">

    <link th:href="@{/afterResource/common/min/css/supershopui.common.min.css}" rel="stylesheet" />
</head>
<body>
<section class="content-header">
    <h1>
        layer弹出层
        <small>非常实用的弹出层组件</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
        <li><a href="#">UI</a></li>
        <li class="active">layer</li>
    </ol>
</section>
<!-- Main content -->
<section class="content">
    <!--数据表格-->
    <div class="row">
        <div class="col-md-12">
            <!--工具栏的按钮，可以自定义事件-->
            <div id="toolbar" class="btn-group">
                <button type="button" id="add" class="btn btn-default">
                    <i class="glyphicon glyphicon-plus"></i>
                </button>
                <button type="button" id="remove" class="btn btn-default">
                    <i class="glyphicon glyphicon-trash"></i>
                </button>
                <button type="button" id="an" class="btn btn-default" onclick="anTable()">
                    <i class="fa fa-expand"></i>
                </button>
                <button type="button" id="coll" class="btn btn-default" onclick="collapseAllTable()">
                    <i class="fa fa-compress"></i>
                </button>

            </div>
            <!--数据表格-->
            <table id="table">
            </table>
        </div>
    </div>
</section>
<script th:src="@{/afterResource/common/ui/global/jQuery/jquery.min.js}"></script>
<script th:src="@{/afterResource/common/ui/global/layer/layer.js}"></script>
<script th:src="@{/afterResource/common/adminlte/bootstrap/js/bootstrap.min.js}"></script>
<script th:src="@{/afterResource/common/plugins/bootstrap-table/bootstrap-table.js}"></script>
<script th:src="@{/afterResource/common/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js}"></script>
<script th:src="@{/afterResource/common/plugins/jquery-treegrid/js/jquery.treegrid.js}"></script>
<script th:src="@{/afterResource/common/plugins/jquery-treegrid/js/jquery.treegrid.bootstrap3.js}"></script>
<script th:src="@{/afterResource/common/ui/global/bootstrap-switch/js/bootstrap-switch.js}"></script>
<script th:src="@{/afterResource/common/plugins/bootstrapvalidator-0.5.3/dist/js/bootstrapValidator.min.js}"></script>
<script th:src="@{/afterResource/common/plugins/bootstrapvalidator-0.5.3/dist/js/language/zh_CN.js}"></script>
<script th:src="@{/afterResource/common/min/js/supershopui.common.js}"></script>
<script th:src="@{/afterResource/common/plugins/select2/select2.full.min.js}"></script>
<script th:src="@{/afterResource/common/ui/global/layer/layer.js}"></script>
<script th:src="@{/afterResource/common/ui/global/bootstrap-switch/js/bootstrap-switch.js}"></script>
<script th:src="@{/common/rest.js}"></script>
<script th:src="@{/common/FormProceUtil.js}"></script>
<script th:src="@{/afterResource/sys/acl/Acl.js}"></script>
<script th:src="@{/afterResource/sys/acl/main.js}"></script>
</body>
</html>